<template>
    <div class="author">
        <div class="author-header">
            <img src="./1.png" alt="" class="imgs">
            <button class="author-btn">+ 关注</button>
        </div>
        <p class="name">崔师振</p>
        <div class="author-count">
            <span>文章 999</span>
            <span class="span-s"></span>
            <span>粉丝 999</span>
        </div>
        <div class="author-content">
            中共中央党校科社部副主任、博士生导师，中国科学社会
主义学会副秘书长。中共中央党校科社部副主任、博士生
导师，中国科学社会主义学会副秘书长。
        </div>
        <a href="###" class="want-to-auther">我也要当作者</a>
        <p class="pp">思想共享  知识变现</p>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="stylus">
.author
    padding:25px 20px;
    .author-header
        position relative
        .imgs
            width 80px
            height 80px
            border-radius:100%;
        .author-btn
            display:inline-block;
            border:0px;
            background: #75a9ff;
            color: #fff;
            border-radius: 5px;
            text-align: center;
            width 80px
            height 30px
            position absolute
            right:0px;
            top:8px;
            outline:none;
    .name
        font-size:16px;
        margin:6px 0px;
    .author-count
        color:#999;
        line-height 20px;
        vertical-align:middle
        span 
            vertical-align:middle
            &.span-s
                display:inline-block;
                width 1px
                height 15px
                background #cccccc
                margin:0px 10px;
    .author-content
        text-align:justify;
        margin:17px 0px;
    .want-to-auther
        display:block;
        color:#FFF;
        background #75a9ff
        border-radius:5px;
        height 36px
        line-height 36px;
        margin-bottom:10px;
    .pp
        color:#999
</style>


